<template>
    <div class="block home-swapper">
        <el-carousel height="150px" arrow="always">
            <el-carousel-item 
            v-for="item in list" 
            :key="item.id">
                <img :src="item.imgUrl">
            </el-carousel-item>
        </el-carousel>
    </div>
</template>

<script>
export default {
  props: {
    list: Array
  },
  data: function() {
    return {
    };
  }
};
</script>

<style scoped>
.home-swapper {
  background-color: #ccc;
  background-size: cover;
}
</style>


